<template>
  <view class="l-content">
    <view :style="{height:props.height}" class="l-page">
      <view>
        <u-icon color="#f0ad4e" name="https://yanglelelele.vip/myblog/%E7%99%BB%E5%BD%95-%E5%BE%AE%E4%BF%A1%E7%99%BB%E5%BD%95.png" size="80" @click="emits('jump-next')"></u-icon>
      </view>
    </view>
  </view>

</template>

<script setup>
import {defineProps,defineEmits,inject} from "vue";
const emits = defineEmits(['jump-next'])
const props = defineProps({
  height:{
    default:()=>'100vh',
    type:String
  }
})


</script>

<style lang="scss" scoped>
.l-content{
  .l-page{
    background-image: url("https://yanglelelele.vip/myblog/%E7%88%B1%E6%80%9D%E5%A3%81%E7%BA%B8_783668.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }
}

</style>
